<ion-content class="bg">
    <ion-grid>
        <ion-row>
            <ion-col col-4 id="distributeChart"></ion-col>
            <ion-col col-4 style="text-align:center;">
                <h1 style="color:#fff;">智慧瓷都旅游项目大数据</h1>
                <p style="color:#fff;">景区接待游客总数：</p>
                <div style="display:flex;justify-content:center;">
                    <div class="num" *ngFor="let num of nums">
                        {{num.name}}
                    </div>
                </div>

            </ion-col>
            <ion-col col-4></ion-col>
        </ion-row>
        <ion-row>
            <ion-col col-4>
                <div id="newUser" (window:resize)="showNewUser()"></div>
            </ion-col>
            <ion-col col-4 id="Salesvolume" (window:resize)="showSalesvolume()"></ion-col>
            <ion-col col-4 id="Generation" (window:resize)="showGeneration()"></ion-col>
        </ion-row>
        <ion-row style="margin-top:10%;">
            <ion-col col-4 id="Traffic" (window:resize)="showTraffic()"></ion-col>
            <ion-col col-4 id="Ticket" (window:resize)="showTicket()"></ion-col>
            <ion-col col-4 id="Totalsales" (window:resize)="showTotalsales()"></ion-col>
        </ion-row>
    </ion-grid>
</ion-content>